<style type="text/css">
	.content {
		text-align: center;
		padding-top: 40upx;
	}
    .hader{
        margin-top:40upx;
    }
    .hader image{
        display: block;
        margin: 0 auto;
        width: 120upx;
    }
    .hader .title{
        font-size: 40upx;
        line-height: 60upx;
        margin-top: 10upx;
        color: #333333;
    }
    .weixi{
        display: flex;
        justify-content:center;
        text-align: center;
        line-height: 60upx;
        color: #999999;
        font-size: 28upx;
        margin-top: 60upx;
    }
    .weixi image{
        width: 60upx;
        height: 60upx;
        margin: 0 0 0 20upx;
    }
    .but{
        display: block;
        width: 80%;
        margin: 100upx auto 0;
        line-height: 80upx;
        border-radius:40upx;
        background: #333333;
        color: #FFFFFF;
        text-align: center;
    }
</style>
<template>
	<view class="content">
		<view class="hader">
		    <image src="/static/img/login.png" mode="widthFix"></image>
		    <view class="title">熊猫出没</view>
		    <view>XPanda Go</view>
		</view>
		<view class="but" id="showTooltips" @tap="retreat">退出登录</view>
	</view>
</template>

<script>
	import api from '@/common/api';
	export default {
		data() {
			return {
			}
		},
		onLoad() {
		},
		methods: {
			retreat(){
				uni.showModal({
					title: '退出登录',
					content: '您确定要退出登录吗？',
					success: function (res) {
						if (res.confirm) {
							uni.clearStorage();
							uni.reLaunch({
							  url: "/pages/login/loginWechat"
							})
							console.log('用户点击确定');
						} else if (res.cancel) {
							console.log('用户点击取消');
						}
					}
				})
			}
		}
	}
</script>
